:root{
  --deskHeadingFont:28px;
  --deskTitlefont:19px;
  --deskContentfont:16px;
  --MobHeadingFont:20px;
  --MobTitlefont:18px;
  --MobContentfont:15px;
}


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* user-select: none; */
}
:root{
  --BgColr:#ffffff;
  --TextColor:#000;
  --HeadingColor:#d3d2d2;
  --HeaderColor2:#686868;
  --GradientClr: linear-gradient(to left, #0e2b75, #8f269c 90%);
  --Fixborder: 3px solid #122975;
  --HeadingFont:45px;
  --TitleFont:35px;
  --Commonfilter: drop-shadow(2px 4px 6px #852699);
  --font_familyvar: "Ubuntu";

}
html {
  scroll-behavior: smooth;
}
body{
  background: #efefef;
  font-family: 'Ubuntu' !important;
}
/* @font-face {
	font-family: 'Ubuntu-Bold';
	src: url("../fonts/Ubuntu-Bold.ttf");
} */
/* @font-face {
	font-family: 'Ubuntu-Regular';
	src: url("../fonts/Ubuntu-Regular.ttf");
} */

 .section-header h3 {
     font-size: 36px;
     color: #283d50;
     text-align: center;
     font-weight: 500;
     position: relative
 }

 .section-header p {
     text-align: center;
     margin: auto;
     font-size: 15px;
     padding-bottom: 60px;
     color: #556877;
     width: 50%
 }

 #clients {
     padding: 60px 0
 }

 #clients .clients-wrap {
     border-top: 1px solid #d6eaff;
     border-left: 1px solid #d6eaff;
     margin-bottom: 30px
 }

 #clients .client-logo {
     padding: 64px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     border-right: 1px solid #d6eaff;
     border-bottom: 1px solid #d6eaff;
     overflow: hidden;
     background: #fff;
     height: 160px
 }

 #clients img {
     transition: all 0.4s ease-in-out
 }





.wrap_link {
/*  width: 50vw;
  box-sizing: border-box;
  line-height: 1.65;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
}
@media screen and (max-width: 800px) {
  .wrap_link {
    width: 75vw;
  }
}
.wrap_link p {
  margin: 0 0 20px;
  font-size: 14px;
}
.wrap_link p:last-child {
  margin: 0;
}
.wrap_link p a {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #ec407a;
  display: inline-block;
}
.wrap_link p a::after {
    z-index: 1!important;
  content: "";
  background: rgba(236, 64, 122, 0.25);
  position: absolute;
  left: 12px;
  bottom: -6px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  z-index: -1;
  transition: 0.35s cubic-bezier(0.25, 0.1, 0, 2.05);
}
.wrap_link p a:hover:after {
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 100%;
}




/* Modified by Ankita */

.bg-gradient-1 .box-minimal-text, .bg-gradient-2 .box-minimal-text, .bg-image .box-minimal-text, .bg-additional-image .bg-additional-item .box-minimal-text, .bg-secondary-2 .box-minimal-text, .bg-gray-darker .box-minimal-text, .bg-additional-gray-darker .bg-additional-item .box-minimal-text{
  opacity: 0.7;
    	font-family: 'Ubuntu-Bold';
      font-weight: 100;
}
body,.rd-navbar-static .rd-navbar-inner,svg text,.context-dark h1, .box-scrim-example h1, .bg-gray-darker h1, .bg-additional-gray-darker .bg-additional-item h1, .bg-image h1, .bg-additional-image .bg-additional-item h1, .bg-gradients h1, .bg-gradient-1 h1, .bg-gradient-2 h1, .bg-gradient-3 h1, .bg-accent h1, .bg-accent-accent h1, .bg-secondary-2 h1, .breadcrumbs-custom-light h1, .context-dark h2, .box-scrim-example h2, .bg-gray-darker h2, .bg-additional-gray-darker .bg-additional-item h2, .bg-image h2, .bg-additional-image .bg-additional-item h2, .bg-gradients h2, .bg-gradient-1 h2, .bg-gradient-2 h2, .bg-gradient-3 h2, .bg-accent h2, .bg-accent-accent h2, .bg-secondary-2 h2, .breadcrumbs-custom-light h2, .context-dark h3, .box-scrim-example h3, .bg-gray-darker h3, .bg-additional-gray-darker .bg-additional-item h3, .bg-image h3, .bg-additional-image .bg-additional-item h3, .bg-gradients h3, .bg-gradient-1 h3, .bg-gradient-2 h3, .bg-gradient-3 h3, .bg-accent h3, .bg-accent-accent h3, .bg-secondary-2 h3, .breadcrumbs-custom-light h3, .context-dark h4, .box-scrim-example h4, .bg-gray-darker h4, .bg-additional-gray-darker .bg-additional-item h4, .bg-image h4, .bg-additional-image .bg-additional-item h4, .bg-gradients h4, .bg-gradient-1 h4, .bg-gradient-2 h4, .bg-gradient-3 h4, .bg-accent h4, .bg-accent-accent h4, .bg-secondary-2 h4, .breadcrumbs-custom-light h4, .context-dark h5, .box-scrim-example h5, .bg-gray-darker h5, .bg-additional-gray-darker .bg-additional-item h5, .bg-image h5, .bg-additional-image .bg-additional-item h5, .bg-gradients h5, .bg-gradient-1 h5, .bg-gradient-2 h5, .bg-gradient-3 h5, .bg-accent h5, .bg-accent-accent h5, .bg-secondary-2 h5, .breadcrumbs-custom-light h5, .context-dark h6, .box-scrim-example h6, .bg-gray-darker h6, .bg-additional-gray-darker .bg-additional-item h6, .bg-image h6, .bg-additional-image .bg-additional-item h6, .bg-gradients h6, .bg-gradient-1 h6, .bg-gradient-2 h6, .bg-gradient-3 h6, .bg-accent h6, .bg-accent-accent h6, .bg-secondary-2 h6, .breadcrumbs-custom-light h6, .context-dark [class^='heading-'], .box-scrim-example [class^='heading-'], .bg-gray-darker [class^='heading-'], .bg-additional-gray-darker .bg-additional-item [class^='heading-'], .bg-image [class^='heading-'], .bg-additional-image .bg-additional-item [class^='heading-'], .bg-gradients [class^='heading-'], .bg-gradient-1 [class^='heading-'], .bg-gradient-2 [class^='heading-'], .bg-gradient-3 [class^='heading-'], .bg-accent [class^='heading-'], .bg-accent-accent [class^='heading-'], .bg-secondary-2 [class^='heading-'], .breadcrumbs-custom-light [class^='heading-']{
    	font-family: 'Ubuntu';
      font-weight: bold;
}
.rd-navbar--is-stuck li a, .rd-navbar--is-stuck li span:before {
  /* color: white!important; */
}

* + hr {
  margin-top: 0px !important;
  opacity: 0.7 !important;
}
hr + .row {
  margin-top: 20px !important;
}
hr:not([size]) {
  height: 2px;
}
.box-minimal-header{
  margin-bottom: -10px;
}
.section-variant-1{
  padding: 20px 0 !important;
  	font-family: 'Ubuntu-Bold';
}
.container,h4, .heading-4,.button-nina > span,.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a,.page .text-gray-4,h3,h2{
  	font-family: 'Ubuntu';
    text-decoration: none;
    margin-top:-8px;
    font-weight: bold;
}
h5, .heading-5,.wrap_link p,h5 + p, .heading-5 + p,p,.box-minimal-text{
	font-family: 'Ubuntu'!important;
  text-align: justify;
  font-weight: 400;
}
.page .text-gray-4 {
  color: #b3b4bb;
}
.list-marked a,.breadcrumbs-custom-path li{
  text-decoration: none;
}
.section-wrap-inner{
  background: #f2f3f9;
}

.tabs-horizontal.tabs-line .tab-content {
  padding-top: 10px !important;
}
#tabs-1 .tabs-horizontal.tabs-line .tab-content{
  
  padding-top: 35px !important;
}
.section-lg{
  padding-bottom: 0px !important;
}
.video-js[tabindex="-1"]{
  width: 100%;
}
.text-start, .bg-gray-lighter{
  padding-top: 10px!important;
}
html{
  font-size: 18px;
}

.rd-navbar-fixed .rd-navbar-nav-wrap:before, .rd-navbar-fixed .rd-navbar-nav-wrap:after,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:before,
.rd-navbar-sidebar .rd-navbar-sidebar-inner:after {
	content: '';
	display: block;
	height: 56px;
}

::-webkit-scrollbar
{
	width: 6px;
}

::-webkit-scrollbar-thumb{
	background: #c47df6;
	border: none;
	border-radius: 10px;
	opacity: .1;
}

::-webkit-scrollbar-track{

	background: #981df0;
	border: none;
	border-radius: 0;
}

.rd-navbar-static .rd-navbar-nav > li > a{
  font-size: 16px !important;
}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > a{
  padding: 20px 0px;
}
* + .box-minimal-text{
  margin-top: 0px;
}
.section-variant-2{
  padding : 10px;
}
.container .row-40 {
  padding-top: 10px;
}
.mt-5{
  font-size: 18px!important;
}
h4, .heading-4{
  font-size: 19px!important;
}
.mt-5 h3,.table-novi h3{
  font-size: 19px !important;
}
.tabs-custom.tabs-line:not(.tabs-line-small) .nav-tabs > .nav-item > .nav-link{
  font-size: 18px !important;
  font-weight: bold;
}
.tab-content.mttop h5{
  font-weight: bold;
}
b, strong {
  font-weight: 800 !important;
}
@media(max-width:991px){
  .noborder{
    color:white !important ;
  }

  .rd-navbar-nav li{
    background: #981df0;
    padding-left: 0!important;
  }
  .mobilenav li{
    background: #6433aa;
  }
  ol, ul{
    padding-left: 0!important;
  }
  .colorclass{
    color: white !important;
    opacity: 1 !important;
    padding-left: 10px;

  }
  
}
.overlayytext{
  border-radius: 10px;
  padding: 10px;
  margin-left: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30%;
  color: #ffffff;
}

.overlayytext h3{
  color: white;
  font-size: 35px;
}
.overlayytext2{
  /* background-image: linear-gradient(to left, #0e2b756e, #8f269c87 90%); */
  /* background-image: linear-gradient(to left, #ffffff00, #000000 82%); */
  position: absolute;
  width: 100%;
  height: 100%;
  }
  
.form-wrap .form-input{
  background-color: white !important;
}

.box-minimal-title:hover  .box-minimal-icon,.box-minimal-title:hover,.box-minimal-header:hover{
  fill:#853fab !important;
  text-decoration: none !important;
  outline: none !important;
  opacity: 0.8;

}
.box-minimal-icon svg{
  width: 40px;
  height: 40px;
  fill:#853fab !important;

}
.bg-gradient-1 .box-minimal-header .box-minimal-icon, .bg-gradient-2 .box-minimal-header .box-minimal-icon, .bg-image .box-minimal-header .box-minimal-icon, .bg-additional-image .bg-additional-item .box-minimal-header .box-minimal-icon, .bg-secondary-2 .box-minimal-header .box-minimal-icon, .bg-gray-darker .box-minimal-header .box-minimal-icon, .bg-additional-gray-darker .bg-additional-item .box-minimal-header .box-minimal-icon,.colorclass{
  color: #853fab;
}



.text-chotu{
  font-size: 14px;
}

.list-marked {
  padding-left: 0px !important;
  padding-top: 0px !important;
  font-family: 'Ubuntu' !important;
  font-weight: 400;
}
.b{
  font-weight: bold;
}




.play-layer-wrapper {
  position: relative;
}

.play-layer {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100vh;
}

.sound-wave {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.sound-wave svg {
  display: block;
  max-width: 63rem;
  height: auto;
}

.sound-wave:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 40rem;
  z-index: -1;
  top: 0;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  /* background: radial-gradient(#1389e933, transparent 60%, transparent 100%); */
}

.progress-bar {
  height: 50px;
  width: 35%;
  border-radius: 30px;
  border: none;
  background-color:none;
  /* margin: -2rem auto 6rem; */
}

.progress-color {
  background: #1389e9;
  height: 100%;
  width: 0;
  border-radius: 30px;
  transition: width 4s linear;
}

.d-none {
  display: none;
}

@keyframes scale1 {
  0% {
    transform: scaleY(0.6);
  }
  40% {
    transform: scaleY(1.2);
  }
  100% {
    transform: scaleY(0.6);
  }
}
.bar-scale1 {
  animation: scale1 0.6s infinite;
  transform-origin: center;
}

@keyframes scale2 {
  0% {
    transform: scaleY(0.5);
  }
  30% {
    transform: scaleY(1.6);
  }
  100% {
    transform: scaleY(0.5);
  }
}
.bar-scale2 {
  animation: scale2 0.6s infinite;
  transform-origin: center;
}

@keyframes scale3 {
  0% {
    transform: scaleY(1.5);
  }
  70% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1.5);
  }
}
.bar-scale3 {
  animation: scale3 0.6s infinite;
  transform-origin: center;
}

.stop-animation {
  animation-duration: 0s;
}

.audio-buttons {
  position: relative;
}
#myAudio{
  opacity: 0;
}

.play-button svg {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.65);
  border-radius: 50px;
}

.play-button,
.pause-button {
  width: 46px;
  height: 46px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.opac{
  opacity: 0.8;
}
.page .Social{
  color: #6433aa !important;
  background: #d75ead00 !important;
  
}

.page .Social svg {
  height: 38px;
  width: 38px;
  /* border: 2px solid #6433aa; */
  padding: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.page .Social svg:hover {
 transform: scale(1.2);
}
.Social-block{
  display: inline-block !important;
}
.SvgHover{
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  cursor: pointer;
}
.SvgHover:hover path{
  transition: 0.8s;
  fill: #6433aa;
}
.Arrowico{
  font-size: 26px;
  color: black;
  vertical-align: middle;
  margin-top: -80px;
}
/* .page .Social:hover{
  background: #a54bab !important;
  color: white !important;
} */


.Reuiredclass::after{
  content:" *"; 
  color: #e32;
  font-size: 18px;
  vertical-align: middle;
}
.BorderCss{
border-bottom: 3px solid #c055ac;
display: inline-block;
}
.CenterPtag{
  text-align: center;
}
.button-nina .button-original-content{
  margin-top: 0 !important;
}
.ilnineblock{
  display: inline-block !important;
}
.whitesection{
  background: #ffffff;
}
.pinkClass{
  background: none !important;
}
.pinkClass.accordion-custom-arrow::before, .pinkClass.accordion-custom-arrow::after{
  color:  black !important;
  font-size: 12px!important;
}
.accordion-custom-corporate .pinkClass::before{
  content: '\00bb';
  transform: rotate(90deg);
}
.accordion-custom-corporate .pinkClass::after {
  content: '\00bb';
  transform: rotate(270deg);
  opacity: 1;
}
.accordion-custom-corporate .accordion-custom-heading button.collapsed{
  font-size: 16px !important;
}
.Justifytext{
  text-align: justify;
  text-transform: capitalize;
}
.fontButton .accordion-custom-heading button{
font-size: 16px!important;
}
.pdtop{
padding-top: 70px !important;
}
#nav::before{
  height: 0px !important;
}

.tech{
  height:100%;
  width:100%;
  padding: 10px;
  object-fit: contain;
  transform: scale(0.9);
}
.techicon{
  height: 100%;
  width: 100%;
  object-fit: contain;
}


/* Software Defvelopment lifecycle START */

  /* Software Defvelopment lifecycle END */
  .BorderCss{
    cursor: pointer;
    transition: 0.5s ease-in;
  }
  .BorderCss:hover{
color: #6433aa !important;
  }

.imgesection * + .quote-classic-text {
  margin-top: 20px;
  margin-right: 35px;
}
.imgesection .quote-classic-image {
  width: 100%;
  height: 100px;
  border-radius: 0%;
  object-fit: contain;
}
.imgesection .slider-widget .slick-slider .item > * {
  padding: 5px 10px 16px 23px;
}
.imgesection .quote-classic-header > *{
  margin-left: 0;
}
.imgesection .quote-classic-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: -25px;
  margin-left: -20px;
}
.certify{
  margin: 5px;
  display: inline-block;
  width: 90px;
}
.mgtopcss{
  margin-top: 20px;
}

/* .imgbgclass{
  background-image: url("../images/careers.jpg");
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
  height: 250px;
} */

@media(max-width:500px){
 
  .overlayytext{
    width: 63%;
    margin-left: -3px;
    font-size: 12px;
  }
  /* .hightcls{
  height: 150px !important;
  } */
  .covercls img{
    height: 100%;
    width: 110%;
    object-fit: cover;
  }
  .page .mgtopcls{
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }
  .overlayytext h3 {
    font-size: var(--MobContentfont) !important;
}
	.tabs-horizontal.tabs-line .tab-content {
		padding-top: 20px !important;
	}
  .text-start, .bg-gray-lighter {
    padding-top: 20px!important;
  }
  .mbottom{
    margin-bottom: 20px;
  }
  .Social-block {
    width: 250px;
}
.thumbnail-classic-icon{
  width: 90px;
  height: 90px;
}
.counter{
  width: 150px !important;
  height: 150px !important;
  padding: 55px 22px 40px !important;
}
.counter .counter-value {
  font-size: 23px !important;
}
.counter .counter-icon {
  font-size: 22px !important;
  line-height: 50px !important;
  width: 50px !important;
  height: 50px !important;
}
.counter h3{
  font-size: 15px !important;
}
.counter:after {
  clip-path: polygon(50% 50%, 40% 0, 100% 0, 100% 100%, 0 100%, 0 40%) !important;
}
}
.justify-content-xl-end {
  justify-content: center !important;
}




.tech-png, .probit, .g-shala, .conceptservam, .agmatel, 
.d-square-solution-logo, .schoolnet, .adani
{
   max-width: 100%; background-size: 100%; background-image: url('../images/Client_logo/Allone.png'); 
   background-repeat: no-repeat;
  }
 
.tech-png { background-position: 0 0%; background-size: 100%; }
.probit { background-position: 6px 20.292994%; background-size: 95.4%; }
.g-shala { background-position: 0 38.15407%; background-size: 197.683398%; }
.conceptservam { background-position: -53% 69.845861%; background-size: 140.555556%; }
.agmatel { background-position: 0 88.353414%; background-size: 400%; }
.d-square-solution-logo { background-position: 0 93.711126%; background-size: 404.743083%; }
.schoolnet { background-position: 0 97.308489%; background-size: 485.308057%; }
.adani { background-position: 0 100%; background-size: 832.520325%; }
.rwmgtopcss{
  margin-top: 20px;
}
.rwmgtopcss .mt-5{
  margin-top: 0px !important;
}
.nowhitebg{
  background: none !important;
}
.whitesectiondiv{
  background: #f2f3f9;
}
.pdtopdiv{
  padding-top: 30px !important;
}
.whitehr{
  color: white !important;
}

@media(max-width:600px){
  html.lt-ie-10 * + .row, * + .row {
    margin-top: 30px;
}
  #svg tspan{
    font-size: 80px !important;
  }
  h3, .heading-3,h4
  {
    font-size: var(--MobHeadingFont) !important;
  }
  h5{
    font-size: var(--MobContentfont) !important;
  }
  .tabs-custom.tabs-line:not(.tabs-line-small) .nav-tabs > .nav-item > .nav-link{
    font-size: var(--MobTitlefont) !important;
  }
  .wrap_link p{
    font-size: var(--MobContentfont) !important;
  }
  .wrap_link {
    width: 86vw;
  }
  h6{
    font-size: var(--MobTitlefont) !important;
  }
  .box-minimal-text{
    font-size: var(--MobContentfont) !important;
  }
  .row + .row {
    margin-top: 30px !important;
  }
  .abtus{
    font-size: var(--MobHeadingFont) !important;
  }
  h5 + p,.list-marked > li,* + p.rights{
    font-size: var(--MobContentfont) !important;
  }
  * + p.rights {
    margin-top: 20px;
  }
  .mobilenav li{
    font-size: var(--MobContentfont);
  }
  .container{
    margin-top: 3px;
  }
  #clients{
    padding: 40px 0;
  }
  .heading-5{
    padding-top: 5px;
    font-size: var(--MobContentfont) !important;
  }
  .team-classic-caption h5,.team-classic-caption p{
    text-align: center;
  }
  .box-range-content p{
    font-size: var(--MobContentfont);
  }
  .accordion-custom-corporate .accordion-custom-heading button.collapsed,.thumbnail-classic-text{
    font-size: var(--MobContentfont) !important;
  }
  .accordion-custom-corporate .accordion-custom-body {
    padding: 0 25px 25px 25px;
  }
  .pdtop{
    padding-top: 10px !important;
  }
  .pdtopdiv {
    padding-top: 20px !important;
  }
  #slides article .caption h1{
    font-size: var(--MobHeadingFont) !important;
  }
  .counter h3{
    font-size: var(--MobContentfont) !important;
  }
  .row-50 > * {
    margin-bottom: 50px;
    margin-top: 20px;
  }
  .row-50 {
    margin-bottom: -25px;
  }
.container  .h2, .heading-2{
  font-size: var(--MobTitlefont) !important;
}
.vjs-theme-sea .vjs-big-play-button{
  width: 80px !important;
  height:60px !important;
  line-height:60px !important;
  margin: 0 !important;
  transform: translate(-50%,-50%) !important;
  border-radius: 20px;
}
.counter .counter-value{
  font-size: var(--MobTitlefont) !important;
}
#ImageHome span,.ActivityLinking{
  font-size: var(--MobContentfont) !important;
  padding: 0 !important;
  margin: 5px !important;
}
.CardHome{
  /* padding: 10px !important; */
}
.CardHome .centercls {
  line-height: 50px;
}
.CenterPtag{
  font-size: var(--MobContentfont);
  color: black;
}
.form-label-outside{
  font-size: var(--MobContentfont) !important;
}
.big{
  font-size: var(--MobContentfont) !important;
}
.section-wrap .section-wrap-inner{
  margin-bottom: -100px;
}
  #LoadDiv{
    height: 100vw !important;
    width: 100vh !important;
  }
  .rwmgtopcss .col-5 {
    width: 48.666667% !important;
}
}